//6.导入-- 可以在less文件中导入less，也可以在less文件中导入css，必须写在最头上
@import "two";//可以省略less后缀, 直接编译为css
@import "three.css";//不可省略css后缀, 不会直接编译为css


//1. 声明变量
@w:100px;
@h:200px;
@bgc:background-color;

.box{
	height:@h;
	width:@w;
	@{bgc}:red;
	.font();//类名调用
}

//2.注释--》单行注释不会编译
/*注释--》多行注释会编译*/

//3.混合---原来.font有，会一直存在
.font{
   font-size:20px;
   font-weight: bold;
}

//4.嵌套  &---》父级
div{
	p{
		span{
			color:blue;
		}
	}
}

div{
	&:hover{
		font-size: 16px;
	}
}

.box{
	&a{
		color:aqua
	}
	&b{
		color:rgb(0, 255, 60)
	}
}

div{
	>h1{
		color:aquamarine;
	}
}
//5.计算 加减乘除  
//减法：左右都要有空格  
//除法：一定要加小括号
h2{
	color:#ff0000+#00ff00;
    height:100px - 30rem+40em;//100+30+40 110px 按照第一个单位的标准来
	width:3*100px;
	position: relative;
	left:0;
	top:(100/4)px;//除法一定要加小括号
}